.postDetail {
  .head-image {
    width: 100%;
    height: 230px;
  }
  .audio {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 50%;
    top: 90px;
    margin-left: -25px;
    opacity: 0.6;
  }
  .author-ctnr {
    display: flex;
    align-items: center;
    margin-left: 15px;

    .avatar {
      height: 32px;
      width: 32px;
    }
    .author {
      margin-left: 10px;
      font-size: 15px;
      font-weight: 300;
      color: #666;
    }
    .const-text {
      margin-left: 10px;
      font-size: 12px;
      color: #999;
    }
    .dateTime {
      margin-left: 15px;
      font-size: 12px;
    }
  }
  .title-ctnr {
    margin-left: 20px;
    margin-top: 15px;
    .title {
      font-size: 18px;
      font-weight: 700;
      color: #4b556c;
      letter-spacing: 2px;
    }
  }
  .detail {
    margin: 10px 15px 0 15px;
    line-height: 22px;
  }
}

.share-ctnr {
  position: fixed;
  bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;

  .share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000;
    opacity: 0.5;
    width: 200px;
    height: 30px;
    border-radius: 15px;

    view {
      display: flex;
      align-items: center;
    }
    text {
      color: #fff;
    }
    .left {
      margin-left: 10px;
    }
    .right {
      margin-right: 10px;
    }
    image {
      background: white;
      height: 16px;
      width: 16px;
      border-radius: 8px;
      z-index: 2px;
    }
  }
}
